@CHARSET "UTF-8";

/*page left css*/
/* .left{width:33%; float: left;}
.right{width:67%; float: right; border: 1px solid #ccc; padding: 2px;} */


#container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  #container .left .product_sort .content .sort li a {height: 35px; line-height: 35px; font-size: 16px;}
  #container .left .n_contact .content p {font-size: 16px; height: 35px; line-height: 35px;}
  #container .left .base .content .sort li a { font-size: 0.9rem;}





  @media screen and (min-width: 320px){
    .n_contact{display:none;}
    ul.listsort li a{
    width: 72%;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
  }
    .right .content .content_left{width:100%; float: none;}
    .right .content .content_right{width:100%; float: none;}
    .right_title h3{width: 30%;font-size: 1.6rem;}
    .right_title .sitemp{width: 65%;}
    .right_title .sitemp a{font-size:1rem;}
    ul.productlist li h3 a{font-size:1rem;}
    .left{margin-top: 4%;}
    .right .content h1{
      width: 98%;
      white-space: nowrap;
      word-break: keep-all;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .tablemark tr td{display:block;}
    .huyt_moe1{width:32%;}
    .huyt_moe1 a{font-size:1rem;}
  }



  @media screen and (min-width: 375px){
    #container {
        width: 360px;
      }
    .left{margin-top: 4%;}
    .right{width:100%;padding-top:1rem;}
    .news_box{display:none;}

    .n_contact{display:none;}
    ul.productlist li h3 a{font-size:0.5rem !important;}
    ul.listsort li a{
      width: 72%;
      white-space: nowrap;
      word-break: keep-all;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .logo_box img{width:;}
    .right .content .content_left{width:100%;float:none;}
    .right .content .content_right{width:100%;float:none;}
    .right .content .content_right ul li h2{font-size:1rem;}
    .right_title h3{width: 30%;font-size:1.1em;display:none;}
    .right_title .sitemp{
       width:100%;
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
    }
    .right .content h1{
      width: 98%;
      white-space: nowrap;
      word-break: keep-all;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .tablemark tr td{display:block;}
    .huyt_moe1{width:32%;}
    .huyt_moe1 a{font-size:1rem;}

    .mmbg{width:32%;}
    .mmbg a{font-size:1rem;}
  }
  
  @media screen and (min-width: 414px) {
    .news_box{display:none;}
    ul.listsort li a{
      width: 72%;
      white-space: nowrap;
      word-break: keep-all;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .right .content .content_left{width:100%; float: none;}
    .right .content .content_right{width:100%; float: none;}
    .right_title h3{width: 30%;}
    .right_title .sitemp{
      width:100%;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
   }
    .left{margin-top: 4%;}
    .right .content h1{
      width: 98%;
      white-space: nowrap;
      word-break: keep-all;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .huyt_moe1{width:32%;}
    .huyt_moe1 a{font-size:1rem;}

    .mmbg{width:32%;}
    .mmbg a{font-size:1rem;}
  }


  @media screen and (min-width: 768px) {
    #container {
      width: 768px;
    }
    /* .left{display:none;} */
    .right{width:100%;}
    .col-xs-6{
       padding: 0 3%;
       width: 24%!important;
    }
    .news_box{display:none;}
    ul.productlist li h3 a{font-size:1rem !important;}
    .right .content .content_left{width:100%; float: none;}
    .right .content .content_right{width:100%; float: none;}
    .right_title h3{width: 30%;}
    .right_title .sitemp{
      width:100%;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
   }
    .left{margin-top: 4%;}

    .right .content h1{
      width: 98%;
      white-space: nowrap;
      word-break: keep-all;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .huyt_moe1{width:32%;}
    .huyt_moe1 a{font-size:1rem;}

    .mmbg{width:32%;}
    .mmbg a{font-size:1rem;}
  }

  
  @media screen and (min-width: 992px) {
    #container {
      width: 970px;
    }
    .right{width:100%;padding-top:3%;}
    .right .content .content_left{width:100%; float: none;}
    .right .content .content_right{width:100%; float: none;}
    .right_title h3{width: 30%;}
    .right_title .sitemp{
      width:100%;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
   }
   .right .content h1{
    width: 98%;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  }
  
  @media screen and (min-width:1024px) {

    ul.productlist li h3 a{font-size:1rem !important;}
    .right .content .content_left{width:100%; float: none;}
    .right .content .content_right{width:100%; float: none;}
    .right_title h3{width: 30%;}
    .right_title .sitemp{
      width:100%;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
   }
  }



  @media screen and (min-width: 1200px) {
    .n_contact {
      display: block !important;
    }
    #container{width:1170px;}
    .left{
      padding-top: 2%;
      margin-top: 0%;
      float: left;
      width: 31%;
      display: block;
    }
    .right{
      padding-top: 2%;
      float: right;
      width: 66%;
    }
    .right .content .content_left{width:45%; float: left;}
    .right .content .content_right{width:52%; float: right;}
    /* ul.productlist li{
      width: 31.3%;
      margin-left: 1%;
      margin-right: 1%;
    } */
  }
  @media screen and (min-width: 1920px) and (max-width: 1200px) {
    .right .content .content_left{width:45%; float: left;}
    .right .content .content_right{width:52%; float: right;}
  }





  
 



  
 

/* page left content */
.base{border: 1px solid #ccc;padding: 2px;}
.base .content{padding-bottom: 5px;}

.about_sort{}
.news_sort{}
.product_sort{}
.case_sort{}
.project_sort{}
.download_sort{}
.job_sort{}
.news_list{margin-top: 10px;}
.n_contact{margin-top: 10px;}
.n_contact .content{padding: 5px; line-height: 25px;}

h3.n_h3{margin-top:0px;line-height: 45px;color: #fff;padding-left: 20px;background-color: #080059;font-size: 18px;font-weight: normal;font-family: "寰蒋闆呴粦";}

@media screen and (min-width:375px) {
    .n_contact{display:none;}
  }

@media screen and (min-width: 769px) {
    .n_contact{display:none;}
  }
  @media screen and (min-width: 992px) {
    .n_contact{display:none;}
  }



/*page right content*/
.right_title{color: #fff;background-color: #080059;}
.right_title h3{float: left;line-height: 45px;text-align: center;text-align: left;text-indent: 10px; font-family: "寰蒋闆呴粦"}
.right_title .sitemp{font-size: 1rem; line-height: 45px; float: right;text-align:right; color: #fff; padding-right: 10px; font-family: "寰蒋闆呴粦";}
.right_title .sitemp a{color: #fff;}
.right .content{padding: 10px; line-height: 25px;}
.right .addnew{padding-left: 10px;}
.right .content p img {width: 100%;}
.right .content h1{text-align: center; color:#666; font-family: "Microsoft YaHei";font-size: 18px;border-bottom: 1px solid #e0e1dc;margin-bottom: 5px;padding-bottom: 10px; /*padding-top: 22px;*/}
.right .content .send_time {padding-bottom: 5px;border-bottom: 1px solid #E0E1DC;}
#bdshare{width:30%;}
.right .content .send_time h3 {width: 60%;padding-left: 1%;
  font-size:0.7rem;
  float: left;height: 25px;line-height: 25px;font-weight: normal; padding-right: 3px; }
.tags{font-weight: normal; line-height: 25px; font-size: 12px;padding-left: 5px;border-top: 1px dotted #BBB;border-bottom: 1px dotted #BBB;padding-top: 3px;padding-bottom: 3px;}
.right .newscontent{padding-top: 8px; padding-bottom: 8px;}
.right .newscontent a{text-decoration:underline}
.pre{font-size: 12px;padding-left: 5px;line-height:25px; border-bottom: 1px dotted #BBB;padding-top: 3px;padding-bottom: 3px;}
.right .content h1.title{border-bottom: 1px solid #E0E1DC;font-family: "Microsoft YaHei";font-size: 14px;line-height: 30px;margin-bottom: 15px;padding-bottom: 5px;text-align: center; color: #333;}
img.small{width:100%;height: 100%;}
.right .content .content_left{}
.right .content .content_left .img{border: 1px solid #E0E1DC;float: left;height:100%;padding: 4px;width: 100%;}
.right .content .content_right{ margin-right: 6px; _display:inline;}
.right .content .content_right ul li{font-family: "Microsoft YaHei";font-size: 12px;padding-bottom: 6px;padding-top: 6px;padding-left: 20px;border-bottom: 1px dashed #E0E1DC;}
.right .down_content{padding:10px; padding-top: 0;}

/*related css style*/
.relate_news{margin-top: 10px;margin-bottom: 8px;}
.relate_product{margin-top: 10px;margin-bottom: 8px;}
ul.relatednews li{width: 348px;float: left;height: 28px; position: relative; margin-right: 10px;line-height: 28px;position: relative;padding-left: 6px;}
ul.relatednews li span{position: absolute; right: 0; top: 0;}
ul.relatedproduct{padding-top: 10px;}
ul.relatedproduct li{float: left;margin-left: 15px;margin-right: 10px;padding-bottom: 8px;_display: inline;}
ul.relatedproduct li a.img{padding: 2px;border: 1px solid #D5D5D5; display: block;}
ul.relatedproduct li a.img:hover{border:1px solid #e87518;}
ul.relatedproduct li a.img img{width: 150px;height: 120px;}
ul.relatedproduct li h3{text-align: center;padding-top: 5px;margin-top: 1px;font-weight: normal;}
ul.relatedproduct li h3 a{font-weight: normal;}

/*pageController css style*/
.pageController{padding: 5px 9px; text-decoration: none;font-size: 12px;font-family:'寰蒋闆呴粦'; color:#666;margin: 0 auto; margin-top:10px;
  /* width:726px; */
  width: 100%;
  padding-top: 12px; padding-bottom: 10px; text-align: center;}
.pageController b {background: #ff5300;padding: 6px 10px;text-decoration: none;font-size: 12px;font-family: Arial, Helvetica, sans-serif;margin: 0 2px;color: #fff;}
.pageController a {
  padding: 6px 9px;
  text-decoration: none; background: #f4f4f2; font-size: 12px;font-family:'寰蒋闆呴粦'; color:#666;margin: 0 2px;}
.pageController a:hover{color:#fff; background: #ff5300; font-family:'寰蒋闆呴粦';}

/* marked message */
.review_message{margin-top: 10px;margin-bottom: 8px;}
.review_message .message_content .marked_name{text-align: left; position: relative; padding-top: 3px; color: #686868;}
.review_message .message_content .marked_name span{position: absolute; right: 10px; top: 0;}
.review_message .message_content{padding: 5px; padding-bottom: 2px; margin-top: 7px; border-bottom: 1px dotted #B8B8B8;}
.review{margin-top: 10px;margin-bottom: 8px;}
.review .title{background: url(../img/rg.jpg) repeat-x;line-height: 28px;border: 1px solid #d2d2d2;padding-left: 8px;}
.tablemark tr td{height: 40px;line-height: 40px;vertical-align: middle;font-size: 12px; font-family: "寰蒋闆呴粦";}

form.meassage {margin-left: 30px; padding-top: 10px;}
form.meassage input {height: 26px;line-height: 26px;width: 212px;border: 1px solid #DEDEDE;font-size: 12px;color: #666;padding-left: 6px;background: none;position: relative;z-index: 9;}
form.meassage textarea {border: 1px solid #DEDEDE;font-size: 12px;color: #666;padding: 8px;padding-top: 4px;line-height: 22px;position: relative;z-index: 9;background: none;}
form.meassage input.yan{width: 70px;}
form.meassage input.submit{width:100px; background: #f3f1f1; cursor: pointer;}
span.change{cursor: pointer;}
span.change:hover{color:#e87518;}

/* productlist css */
ul.productlist{padding-top: 10px;}
ul.productlist li{float: left;width:31.3%;margin-left:1%;margin-right:1%;padding-bottom: 8px;_display: inline;}
ul.productlist li a.img{padding: 2px;border: 1px solid #D5D5D5; display: block;}
ul.productlist li a.img img{width:100%;height:100%;}
ul.productlist li h3{text-align: center;padding-top: 5px;margin-top: 1px;font-weight: normal;}
ul.productlist li h3 a{font-weight: normal;font-size: 18px;}
ul.productlist li a.img:hover{border:1px solid #e87518;}
 

/*download detail*/
.downcontent{padding: 5px; line-height: 25px;}
.down_info{margin-top: 15px;}
.down_info table {width: 100%;}
.down_info table thead {line-height: 26px;background-color: #f2f2f2;}
.down_info table th {border: 1px solid #b6d5f1;}
.down_info table td {padding: 3px;padding-left: 10px;padding-right: 5px;border: 1px solid #b6d5f1;text-align: center;line-height: 28px;height: 28px;}


/*tags search css*/
.pce_title, .pce_lb {border-bottom: #CCC 1px dashed;margin: 15px 0px;padding: 5px 0px 0px 0px; font-family: "寰蒋闆呴粦"}
.bqian_title1 {height: 90px;line-height: 50px;font-size: 20px;color: #333;}
.black a {color: #000;}
.bqian_title1 li{height: 16px;line-height: 16px;padding: 0px 8px;font-size: 12px;color: #999;float: left;border-left: #999 1px solid;margin: 0px;}
.bqian_title1 li.bgte{}
.pce_title3 {font-size: 14px;color: #666;}
.pce_title4 {height: 27px;color: #999;margin: 8px 0px;font-size: 12px;}
.hot a{padding: 4px 8px 4px 8px; background: #e87518; color: #fff; font-family: "寰蒋闆呴粦";}
.hot a:hover{background: #ff0000}


/*website css*/
.web_title{background-color: #F0F1F0;border-bottom: 1px dotted #918F8C;border-top: 1px dotted #918F8C;color: #666666;line-height: 30px;text-indent: 20px; margin-bottom: 5px;}
.map_list ul li {float: left;padding-left: 10px;padding-right: 10px;line-height: 25px;}
.taglist{padding-left: 10px;}






select#rootid{vertical-align: middle;background: none repeat scroll 0 0 #F9F9F9;border-color: #666 #CCC #CCC #666;border-style: solid;border-width: 1px;color: #333;padding: 4px;width: 150px;}
input#highsearch1{padding:5px; padding-left: 10px; padding-right: 10px;}
#high_search{font-family: "寰蒋闆呴粦";}